<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="asset\set.css">
    <link rel="stylesheet" href="css\search.css">
    <link rel="stylesheet" href="icon\iconfont\iconfont.css">
    <title>search</title>
</head>
<body>
    <div class="container">
        <header>
            <div class="search-box">
                <i class="i ic:search"></i>
                <span>搜索</span>
            </div>
            <div >
                <p onclick="location.href='message.html'">取消</p>
            </div>
        </header>
        <div class="search-you-want">
            <span>@我</span>
            <span>特别关心</span>
        </div>
        <p class="next">搜索指定内容</p>
        <ul class="appiont-search">
            <li>
                <i class="i ic:person-plus"></i>
                <p>找人/群</p>
            </li>
            <li>
                <i class="i ic:emotion"></i>
                <p>表情</p>
            </li>
            <li>
                <i class="i ic:planet"></i>
                <p>小程序</p>
            </li>
            <li>
                <i class="i ic:video"></i>
                <p>短视频</p>
            </li>
        </ul>
        <p class="next">QQ热门搜索</p>
        <div class="top-search">
            <ol>
                <li>
                    <span><em style="color: #f35969; margin-right: 3vw;"><strong>1</strong></em>长相思角色等你来撩</span>
                </li>
                <li>
                    <span><em style="color: #f35969; margin-right: 3vw;"><strong>2</strong></em>CFM抢M4A1雷霆</span>
                </li>
                <li>
                    <span><em style="color: #f35969; margin-right: 3vw;"><strong>3</strong></em>杨洋的少年感回来了</span>
                </li>
                <li>
                    <span><em style="color: #9b9b9b; margin-right: 3vw;"><strong>4</strong></em>长相思第二季好虐</span>
                </li>
                <li>
                    <span><em style="color: #9b9b9b; margin-right: 3vw;"><strong>5</strong></em>王一博传递奥运火炬</span>
                </li>
                <li>
                    <span><em style="color: #9b9b9b; margin-right: 3vw;"><strong>6</strong></em>奥运活动官有奖招募</span>
                </li>
                <li>
                    <span><em style="color: #9b9b9b; margin-right: 3vw;"><strong>7</strong></em>元梦联动时装免费送</span>
                </li>
                <li>
                    <span><em style="color: #9b9b9b; margin-right: 3vw;"><strong>8</strong></em>二次元萌势力征集</span>
                </li>
            </ol>
            <img src="img/search-ad.jpg" alt="">
        </div>
        <div class="page-setting">
            <p>页面设置</p>
        </div>
    </div>
</body>
</html>